<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="../css/top.css">
		<link rel="stylesheet"
			href="../framework/bootstrap-3.0.0/css/bootstrap.css">
		<link rel="stylesheet"
			href="../framework/bootstrap-3.0.0/css/bootstrap-theme.css">
		<title>四川盛世鹏辉建设项目管理有限公司</title>
		<style>
#div1 {
	background: url("../image/scope12.png");
	width: 165px;
	height: 55px;
}

#div1.hover {
	background: url("../image/scope1.png");
	width: 171px;
	height: 55px;
}

#div2 {
	background: url("../image/scope22.png");
	width: 165px;
	height: 55px;
}

#div2.hover {
	background: url("../image/scope2.png");
	width: 171px;
	height: 55px;
}

#div3 {
	background: url("../image/scope32.png");
	width: 165px;
	height: 55px;
}

#div3.hover {
	background: url("../image/scope3.png");
	width: 171px;
	height: 55px;
}

#div4 {
	background: url("../image/scope42.png");
	width: 165px;
	height: 55px;
}

#div4.hover {
	background: url("../image/scope4.png");
	width: 171px;
	height: 55px;
}

a {
	text-decoration: none;
	color: black;
}

div {
	font-family: 微软雅黑;
	font-size: 14px;
}
</style>
		<script>
	window.onload = function() {
		var oDiv1 = document.getElementById("div1");
		var oDiv2 = document.getElementById("div2");
		var oDiv3 = document.getElementById("div3");
		var oDiv4 = document.getElementById("div4");
		oDiv1.onmouseover = function() {
			oDiv1.className = "hover"
		};
		oDiv1.onmouseout = function() {
			oDiv1.className = ""
		}
		oDiv2.onmouseover = function() {
			oDiv2.className = "hover"
		};
		oDiv2.onmouseout = function() {
			oDiv2.className = ""
		}
		oDiv3.onmouseover = function() {
			oDiv3.className = "hover"
		};
		oDiv3.onmouseout = function() {
			oDiv3.className = ""
		}
		oDiv4.onmouseover = function() {
			oDiv4.className = "hover"
		};
		oDiv4.onmouseout = function() {
			oDiv4.className = ""
		}
	};
</script>
	</head>
	<body>
		<img src="image/log.png"
			style="height: 70px; width: 50px; z-index: 1; position: absolute; left: 10%;top:10px;" />
		<div style="top: 0px;"><jsp:include page="top.jsp"></jsp:include></div>
		<div>
			<img src="image/21.png" width="100%" />
		</div>
		<span style="margin-left: 7%;"> <a href="showfactive.do">
				首页</a> ><a href="front/businessScope.jsp">业务范围</a> <br> <br> </span>
		<div class="col-md-12" style="height: auto; margin-bottom: 10px;">
			<div class="col-md-3">
				<div style="width: 10%; margin-left: 45%;" id="test">
					<a href="front/businessScope.jsp"><div id="div1"></div>
					</a>
				</div>
				<div style="width: 10%; margin-left: 45%;" id="test2">
					<a href="front/businessScopessph.jsp"><div id="div2"></div>
					</a>
				</div>
				<div style="width: 10%; margin-left: 45%;" id="test3">
					<a href="front/businessScopesxtr.jsp"><div id="div3"></div>
					</a>
				</div>
				<div style="width: 10%; margin-left: 45%;" id="test4">
					<a href="front/businessScopejhhq.jsp"><div id="div4"></div>
					</a>
				</div>
			</div>
			<div class="col-md-9">
				<div id="testDiv"
					style="border: 1px solid grey; display: none; margin-right: 20%;">

				</div>
				<div id="testDiv2"
					style="border: 1px solid grey; display: block; margin-right: 20%;margin-bottom: 10%;">
					<div
						style="margin-left: 10%; margin-right: 10%; margin-top: 5%; margin-bottom: 5%;">
						<div style="font-size: 16px; color: blue;">
							四川盛世鹏辉建设项目管理有限公司
						</div>
						<hr>
						&nbsp;&nbsp;&nbsp;&nbsp;◎
						四川盛世鹏辉建设项目管理有限公司：成立于2014年5月19日；注册资金为500万元；主营业务：建设工程项目管理、工程造价咨询、工程造价及质量经济纠纷的鉴定和仲裁咨询、项目建议书、可行性研究、投资估算、编制概预算及审核、设计规划、招标代理、工程监理、工程勘察设计。
						</br>
					</div>
				</div>
				<div id="testDiv3"
					style="border: 1px solid grey; display: none;  margin-right: 20%;">
					
				</div>
				<div id="testDiv4"
					style="border: 1px solid grey; display: none;  margin-right: 20%;">

				</div>
			</div>
		</div>
		<div style="bottom: 0px;"><jsp:include page="bottom.jsp"></jsp:include></div>
	</body>
	<script type="text/javascript">
	document.getElementById("test").onclick = function() {
		document.getElementById("testDiv").style.display = "block";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
	}
	document.getElementById("test2").onclick = function() {
		document.getElementById("testDiv2").style.display = "block";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
	}
	document.getElementById("test3").onclick = function() {
		document.getElementById("testDiv3").style.display = "block";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
	}
	document.getElementById("test4").onclick = function() {
		document.getElementById("testDiv4").style.display = "block";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
	}
</script>
</html>